<template>

  <div id="app">
    <el-card shadow="always">
    <router-link to="/order" class="el-link">订单表</router-link>
    <router-link to="/user" class="el-link">用户表</router-link>
      <router-link to="/add" class="el-link">添加</router-link>
    <router-view></router-view>
    </el-card>
  </div>




</template>


<script >
import OrderList from "@/views/OrderList.vue";
import UserList from "@/views/UserList.vue";
import AddUserAndOrder from "@/views/AddUserAndOrder.vue";


export default {
  name:'App',
  components:{
    OrderList,
    UserList,
    AddUserAndOrder

  }
}



</script>

<style>

.el-link{
  margin-right:50px;
}


</style>


